<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<title>My Story | Mori</title>
		<meta name="description" content="">
		<meta name="author" content="Ilya-Dorman" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/font-face.css">
		<link rel="stylesheet" href="css/color-schemes/dark/hot-pink.css">
		<link rel="stylesheet" href="css/typography.css">
		<link rel="stylesheet" href="css/font-awesome.css">
		<link rel="stylesheet" href="css/main.css">

		<script>
			document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';
		</script><!-- Responsive images -->
	</head>
	<body>
		<!--[if lt IE 7]>
			<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
		<![endif]-->

		<!-- Add your site or application content here -->
		<div class="top-ribbon"></div>



		<header class="site-header">
			<h1 class="title title-font">Hi, I am Mori</h1>
			<p class="tagline tagline-font">
				Web designer &amp; front-end developer. I make fun web-stuff, and wish I was less hyperactive so I could drink more coffee.
			</p>
		</header>


		<div class="sparator"></div>
		<section class="works-hex">

			<a href="gallery-hex.html" class="category category-1">
				<div class="wrapper"><!--A helper to keep the hexagon's aspect ratio-->
					<div class="hexagon">
						<div class="hexagon-in1">
							<div class="hexagon-in2">
								<img class="thumbnail" src="img/placeholder.jpg" alt="thumbnail">
							</div><!--hexagon-in2-->
						</div><!--hexagon-in1-->
					</div><!--hexagon-->
				</div><!--wrapper-->
				<div class="category-name"><h2 class="nav-font">Logos</h2></div>
			</a><!--category-1-->

			<a href="gallery-hex.html"  class="category category-2">
				<div class="wrapper">
					<div class="hexagon">
						<div class="hexagon-in1">
							<div class="hexagon-in2">
								<img class="thumbnail" src="img/placeholder.jpg" alt="thumbnail">
							</div><!--hexagon-in2-->
						</div><!--hexagon-in1-->
					</div><!--hexagon-->
				</div><!--wrapper-->
				<div class="category-name"><h2 class="nav-font">Print</h2></div>
			</a><!--category-2-->

			<a href="gallery-hex.html"  class="category category-3">
				<div class="wrapper">
					<div class="hexagon">
						<div class="hexagon-in1">
							<div class="hexagon-in2">
								<img class="thumbnail" src="img/placeholder.jpg" alt="thumbnail">
							</div><!--hexagon-in2-->
						</div><!--hexagon-in1-->
					</div><!--hexagon-->
				</div><!--wrapper-->
				<div class="category-name"><h2 class="nav-font">Websites</h2></div>
			</a><!--category-3-->

		</section><!--works-->
		<div class="sparator"></div>

		<section class="about-me">
			<article class="about about-font">
				<p>You can learn more about my creative process at my <a href="#blog">blog <i class="icon-pencil"></i></a>, also you can follow me on <a href="http://www.twitter.com">twitter <i class="icon-twitter"></i></a> and <a href="http://www.facebook.com">facebook <i class="icon-facebook-sign"></i></a>.</p>
				<p>I have some cool programming projects on <a href="http://www.github.com">github <i class="icon-github"></i></a> and my cats' blog on <a href="http://www.tumblr.com">tumblr</a>.</p>
				<p>Hey, I just met you and this is crazy, but here's my <a href="mailto:hexocat-themes@gmail.com">e-mail <i class="icon-envelope-alt"></i></a>, so write me, maybe. Or just call <a href="tel:4213-45-710">4213-45-710 <i class="icon-phone"></i></a> I'd love to talk :)</p>
			</article><!--text-->
			<article class="twitter-stream">
				<header><p><a href="">@mori</a> on twitter <i class="icon-twitter"></i></p></header>
				<div class="tweets meta-info-font"></div>
			</article><!--twitter-stream-->
		</section><!--about-me-->

		<div class="sparator"></div>
		<a id="blog"></a>


		<div class="blog-excerpts-wrapper">

			<aside class="sidebar">
				<h2 class="sidebar-font">Blog</h2>
				<div class="blog-description about-font">
					<p>Here I write about my <a href="categories.html">creatvie process <i class="icon-cogs"></i></a>, <a href="categories.html">songs <i class="icon-book"></i></a>, <a href="categories.html">random rants</a> and other stuff.</p>
				</div>
			</aside>

			<section class="blog-excerpts">
				<article class="post-excerpt">
					<header>
						<h2 class="entry-title-font"><a href="post.html">In the beginning</a></h2>
						<p class="meta-info-font"><time datetime="2009-09-04T16:31:24+02:00">September 2009</time> &middot; This post is about <a href="categories.html">Work</a> and <a href="categories.html">Independance</a></p>
					</header>

					<div class="content">
						<p>Lorem ipsum dolor sit amet, sea primis perpetua ex, autem regione euripidis ut mel. Cu convenire adipiscing mea, cum te prompta argumentum, ei nam constituto delicatissimi.</p>
					</div><!--entry-->

					<footer>
						<p class="meta-info-font"><a href="post.html">Read more &rArr;</a></p>
					</footer>
				</article>

				<article class="post-excerpt">
					<header>
						<h2 class="entry-title-font"><a href="post.html">At Day's End</a></h2>
						<p class="meta-info-font"><time datetime="2010-03-04T16:31:24+02:00">March 2010</time> &middot; This post is about <a href="categories.html">Poetry</a>, <a href="categories.html">Creativity</a> and <a href="categories.html">Myself</a></p>
					</header>

					<div class="content">
						<p>Ei epicuri detracto suscipiantur duo, regione forensibus has ex, at tacimates consequat referrentur usu. Cu antiopam voluptatibus vituperatoribus vel, labores disputando ex sed, an eos habeo mutat facer. Posse solet legimus est an, his suas dicant facete eu, no quo dico vidisse fuisset.</p>
					</div><!--entry-->

					<footer>
						<p class="meta-info-font"><a href="post.html">Read more &rArr;</a></p>
					</footer>
				</article>

				<article class="post-excerpt">
					<header>
						<h2 class="entry-title-font"><a href="post.html">Another Post</a></h2>
						<p class="meta-info-font"><time datetime="2010-03-04T16:31:24+02:00">March 2010</time> &middot; This post is about <a href="categories.html">Poetry</a>, <a href="categories.html">Creativity</a> and <a href="categories.html">Myself</a></p>
					</header>

					<div class="content">
						<p>Qui persius legimus deterruisset eu. Duo cu meis placerat rationibus, dico minim expetendis te pri. Corpora forensibus eos ei. Sed harum recteque ea, vide postulant ex ius. Inani omnesque scaevola at qui.</p>
					</div><!--entry-->

					<footer>
						<p class="meta-info-font"><a href="post.html">Read more &rArr;</a></p>
					</footer>
				</article>

			</section><!--blog-excerpt-->
		</div><!--blog-excerpt-wrapper-->

		<footer class="site-footer site-footer-font">
			<div class="sparator"></div>
			<div class="contact">
				<a href="mailto:hexocat.themes@gmail.com"><i class="icon-envelope-alt"></i> hexocat.themes@gmail.com</a> &middot;
				<a href="tel:4213-45-710"><i class="icon-phone"></i> 4213-45-710</a> &middot;
				<a href="http://www.twitter.com"><i class="icon-twitter"></i> @Mori</a> &middot;
				<a href="http://www.facebook.com"><i class="icon-facebook-sign"></i> /mori.h</a>
			</div>
			<div class="copyright">Template Copyright &#64; 2012 My Story. Made by <a href="#">Hexocat</a> with <i class="icon-heart"></i></div>
		</footer>

		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="js/jquery-1.8.0.min.js"><\/script>')</script>
		<script src="js/plugins.js"></script>
		<script src="js/main.js"></script>

		<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
		<script>
			var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
			(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
			g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
			s.parentNode.insertBefore(g,s)}(document,'script'));
		</script>
	</body>
</html>
